import React from 'react'
import styles from '@/assets/css/coupon-info.module.css';


export default () => {


    // 钩子函数
    React.useEffect(() => {
        GetCouponInfo()
    }, [])

    const GetCouponInfo = async () => {
        let result = await React.request.post('/coupon/CouponInfo')

        console.log(result)
    }

    return (
        <>
            <div className={styles.top}>
                <div>优惠券详情</div>
            </div>
            <div className={styles.coupon_detail}>
                <div className={styles.coupon_info}>
                    <div className={styles.left}>
                        <div className={styles.left_top}>
                            <div>
                                ￥<span>50</span>元
                            </div>
                            <div className={styles.top_info}>
                                <div>优惠券</div>
                                <div>COUPON</div>
                            </div>
                        </div>
                        <div className={styles.left_tips}>订单满<span>100</span>减<span>50</span>元</div>
                    </div>
                    <div className={styles.receive}>
                        <button className={styles.receive_btn}>您已领取</button>
                    </div>
                </div>
                <div className={styles.coupon_prompt}>
                    <div className={styles.prompt_title}>温馨提示：</div>
                    <div><span>•</span>每人限领3张</div>
                    <div><span>•</span>仅限量100张，赶快领取！</div>
                    <div><span>•</span>领取后2021-06-17至2021-07-31有效</div>
                </div>
            </div>
        </>
    )
}